<template>
    <div>
        <div class="je">
            <div class="shtitle"><span>北京亚辰自助涮烤</span></div>
            <div class="mon">
                <span style="font-size:0.4rem">￥</span>
                <span style="font-size:0.7rem;">999.99</span>
            </div>
            <div class="type">
                <span>AA付款</span>
            </div>
        </div>
        <div class="zf">
            <div class="xz">
                <span>选择支付方式</span>
            </div>
            <yd-cell-item type="radio">
                <img style="height:0.5rem" slot="icon" src="../../static/images/organize_team/wx.png">
                <span slot="left" style="font-size:0.33rem;padding-left:0.1rem">微信支付</span>
                <input slot="right" type="radio" value="wx" v-model="picked"/>
            </yd-cell-item>

            <yd-cell-item type="radio">
                <img style="height:0.5rem" slot="icon" src="../../static/images/organize_team/zfb.png">
                <span slot="left" style="font-size:0.33rem;padding-left:0.1rem">支付宝</span>
                <input slot="right" type="radio" value="zfb" v-model="picked"/>
            </yd-cell-item>

            <!-- <yd-cell-item type="radio">
                <img slot="icon" src="../../static/images/organize_team/zfb.png">
                <span slot="left">银行卡</span>
                <input slot="right" type="radio" value="Lucy" v-model="picked"/>
            </yd-cell-item> -->
        </div>
        <div class="zfbtn">
            <yd-button size="large" type="primary" style="font-size:0.3rem">确认支付</yd-button>
        </div>
    </div>
</template>
<script>
export default {
    name:'',
    data() {
        return {
           picked: 'wx' 
        }
    },
}
</script>
<style scoped>
 .je{
     height:5rem;
     padding: 1rem;
     font-size:0.35rem;
 }
 .shtitle{
     height:1rem;

 }
 .zf{
     padding: 0.3rem;
 }
 .yd-btn-block{
     margin-top: 0rem;
     font-size: 0.3rem !important;
 }
 .xz{
     font-size: 0.3rem;
     text-align: left;
     padding-left: 0.3rem;
 }
 .zfbtn{
     padding: 0.2rem 0.3rem;
     background: #fff;
     position: fixed;
     bottom: 0;
     z-index:999;
     width: 100%;
     left: 0;

 }
 .yd-btn-primary{
     font-size: 0.3rem !important;
 }

 .type{
     border: none;
 }
</style>
